<template>
    <div class="container_box">
        <div class="left">
            <slot></slot>
        </div>
        <slot name="right"></slot>
        <!-- <div class="right"> -->
        <!-- <div class="content_right"> -->
        <!--  -->
        <!-- </div> -->
        <!-- </div> -->
    </div>
</template>

<script>
export default {
    inheritAttrs: false,
    mounted() {},
};
</script>

<style lang="scss" scoped>
.container_box {
    display: flex;
    margin: 20px;
    gap: 20px;
    .left {
        flex: 1;
        min-width: 0;
    }
    .right {
        // .content_right {
        //     width: 300px;
        //     padding: 20px;
        //     background-color: #fff;
        //     box-sizing: border-box;
        //     border-radius: 10px;
        // }
    }
}
</style>
